<template>
    <div class="information">
        <titleText title="我的信息"></titleText>
        <div class="days">
            <div class="days_1">已学习天数</div>
            <div>100天</div>
        </div>
        

        <div class="save_btn">保存</div>
    </div>
</template>


<script name="myInformation" setup>
    import titleText from './titleText.vue';
    import { ref } from 'vue';
</script>

<style lang="scss" scoped>
    .information {
        padding: 18px 16px;
        background: #fff;
        min-height: 494px;
        .days {
            display: flex;
            align-items: center;
            font-size: 8px;
            font-weight: 500;
            margin: 13px 0 18px;
            .days_1 {
                color: #999;
                margin-right: 2px;
            }
        }
    }
    
  .save_btn {
    width: 120px;
    height: 24px;
    background: #1F52AE;
    font-size: 8px;
    color: #fff;
    border-radius: 3px;
    margin: 32px 0 0 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
</style>